<template>
    小明的学习评定等级为:
    <p v-if="type === 'A'">优秀</p>
    <p v-else-if="type === 'B'">良好</p>
    <p v-else>差</p>
    <button @click="type='A'">切换成优秀</button>
    <button @click="type='B'">切换成良好</button>
    <button @click="type='C'">切换成差</button>
</template>
<script setup>
import { ref } from "vue";
const type = ref("B");
</script>